$(function() {		

	var dialog, form;
	//var rootUrl = 'http://localhost/';
	//var baseUrl = rootUrl + 'enes/';

	//asi van en elserver
var rootUrl ='http://132.247.172.15:86'
var baseUrl = rootUrl + '/';
	//descomentar en produccion
	/*var URLactual = window.location.href;//obtiene url
	console.log(URLactual)
	//peticion para login	
	ajax("json/usuario/login","empleado="+URLactual.split('/')[6]+"&password="+URLactual.split('/')[7],validarAcceso);
	*/
			
		//se ejecuta al dar clic al boton login	
		$('#login').click(function()
		{
			//verifica que campos no esten vacios
			if($("#empleado").val().length==0)
			{
				//aviso("Por favor, ingrese el numero de empleado","Información");
				alerta("Por favor, ingrese el usuario","Información","informacion");
			}
			else if($("#password").val().length==0)
			{
				//aviso("Por favor, ingrese la contraseña","Información");
				alerta("Por favor, ingrese la contraseña","Información","informacion");
			}
			else
			{
				//obtiene el form y lo serializa
				var usuario=$("#frmlogin").serialize();
				//ajax("json/usuario/login",usuario,validarAcceso);
				
				ajax("json/usuario/validado",usuario,cambioPassword);
			}
			
		});
		
		//clic boton guardar formulario
		$('body').on("click",'#loading .btn-primary',function(){

			if($("#cambiopass").val().length>0){
				//peticion ajax para duplicar la practica
				$.ajax({
					url: baseUrl+"json/usuario/actualizaPasword",
					type: "POST",
					data: {"empleado":$("#empleado").val(),'password':$("#cambiopass").val()}
									
				}).done(function(datos) {		

					if(datos){
						sessionStorage.setItem('usr',$("#empleado").val());//numero de empleado
						
						//se manda a otra pagina
						location.href = baseUrl+"inicio";//
					}
				})
				.always(function() {
									
				});	
			}else{alerta("Por favor, ingrese la contraseña","Información","informacion")}
			
				
		});
		
		//modalRecupera();

/*dialog=$( "#recuperaForm" ).dialog({
			autoOpen: false,
			height: 300,
			width: 450,
			modal: true,
				buttons: {
					"Enviar": recuperarContrasena					
				},
				close: function() {
					form[ 0 ].reset();
					$('#mail').removeClass( "ui-state-error" );
					$('.error').removeClass( "ui-state-highlight" );
					$('.error').text('');
				}
		});*/		
		
		//clic menu usuario
	$( "#recupera" ).on( "click", function() {
			dialog.dialog( "open" );
    });
		
	/*form = dialog.find( "form" ).on( "submit", function( event ) {
      event.preventDefault();
      recuperarContrasena();
    });*/
		
function modalRecupera(){
		
			var html='<div id="recuperaForm" title="Recuperación de la contraseña">'+
					'<p class="error"></p>'+
					'<form id="frmrecupera">'+
					'<label id="lblmail" for="mail">Correo electrónico</label>'+					
					'<input type="text" name="mail" id="mail" maxlength="50" class="text ui-widget-content ui-corner-all">'+
					'</form></div>';
			
			$('#loading').after(html);
			//$( "#recuperaForm" ).modal( "show" );
	}			


function recuperarContrasena(){
	
		$('#mail').removeClass( "ui-state-error" );
		$('.error').removeClass( "ui-state-highlight" );
		$('.error').text('');
					
	//verifica que campos no esten vacios
		if($("#mail").val().length==0)
		{
			$("#mail").addClass( "ui-state-error" );
			updateTips($('.error'), "Por favor, ingrese el email de recuperación");
			//aviso("Por favor, ingrese el email de recuperación","Información");			
		}else {
			var data =$('#mail').val().toLowerCase();
			var arr = data.split('@');
			//verifica sea mail guanajuato.gob.mx
			if((arr.length>1) && (arr[1].indexOf('guanajuato.gob.mx')>=0)){
				//llamada ajax para enviar nueva contraseña generada o en base a usuario permitir generarla
				var recupera=form.serialize();
				//ruta ajax
					
			}else{
				$("#mail").addClass( "ui-state-error" );
				updateTips($('.error'), "Email no valido");				
			}
		}
}


function validarAcceso(datos){
		
	//verifa existan datos de las credenciales ingresadas por usuario
	if(typeof datos.aviso != 'undefined'){
		
		//se agrega efecto sacudida al box login
		//$('#box').effect( "shake" );//.shake();
		//se cambia texto a boton
		$("#login").text('login');
		alerta(datos.error,"Información","informacion");
		//se muestra mensajde de datos no validos
		//$("#error").html
		//$("#frmlogin").append
		//$("#error").html("<div class='ui-widget'><div class='ui-state-error ui-corner-all' style='padding: 0 .7em;'>"+
		//"<p><span class='text-danger' style='float: left; margin-right: .3em;'></span>"+
		//"<strong>Error:</strong> usuario o contrase&ntilde;a no validos</p></div></div>");
		$( "#empleado" ).focus();
	}else if(typeof datos.direccionar != 'undefined'){
		
		sessionStorage.setItem('usr',$("#empleado").val());//numero de empleado
		sessionStorage.setItem('nombre',datos.informacion['Nombre']);//nombre
		sessionStorage.setItem('email',datos.informacion['Correo']);//correo
		sessionStorage.setItem('id',datos.informacion['Id']);//numero de empleado
		sessionStorage.setItem('rol',datos.informacion['Rol']);//rol
		alerta("","Cargando","cargando");
		//se manda a otra pagina
		location.href = datos.direccionar;
	}
}

function cambioPassword(datos){
	
//verifica si ya cambio el password
	if(datos.validado==1){
		var usuario=$("#frmlogin").serialize();
		ajax("json/usuario/login",usuario,validarAcceso);
	}else if(datos.validado==0){
		//muestra modal cambio password
		alerta('','Cambio de password','cambioPass');
	}else if(datos.validado==3){
		alerta(datos.mensaje,'Información','informacion');
	}
}



//funcion para procesar los datos mediante ajax
function ajax(ruta,datos,callback){


 $.ajax({
   url:baseUrl+ruta,
   dataType:"json",
   type: "POST",
   data:datos,   
   cache:false,
   success:callback,
   error: function(jqXHR, textStatus, errorThrown) {
		alerta(jqXHR+" "+textStatus+" "+errorThrown,"Error",'informacion');
	}   
 }); 

}

function alerta(mensaje,titulo,tipo){	
		
		switch(tipo){
			case "cargando":
				//titulo para modal
				$("#loadingLabel").html(titulo);
				
				//asigna el mensaje al cuerpo del div
				$( "#loadingContent" ).html("<p>"+mensaje+"</p><p class='spinner-grow text-primary' role='status'><span class='sr-only'>Loading...</span></p><p class='spinner-grow text-secondary' role='status'><span class='sr-only'>Loading...</span></p>"+
							"<p class='spinner-grow text-success' role='status'><span class='sr-only'>Loading...</span></p><p class='spinner-grow text-danger' role='status'><span class='sr-only'>Loading...</span></p>"+
							"<p class='spinner-grow text-light' role='status'><span class='sr-only'>Loading...</span></p>"+
							"<p class='spinner-grow text-danger' role='status'><span class='sr-only'>Loading...</span></p><p class='spinner-grow text-success' role='status'><span class='sr-only'>Loading...</span></p>"+
							"<p class='spinner-grow text-secondary' role='status'><span class='sr-only'>Loading...</span></p><p class='spinner-grow text-primary' role='status'><span class='sr-only'>Loading...</span></p>");
				
				$("#loading .modal-footer").html("<button type='button' class='btn btn-secondary' data-dismiss='modal'>Cerrar</button>");
			break;
			case "cerrarSesion":			
				//titulo para modal
				$("#loadingLabel").html(titulo);
				
				//$(#.modal-footer
				//asigna el mensaje al cuerpo del div
				$("#loadingContent" ).html("<p>"+mensaje+"</p>");
				
				//verifica que botones mostrar
				if(titulo.split("sesión")>0){
					//cuando caduco sesion
					$("#loading .modal-footer").html("<button type='button' class='btn btn-secondary' data-dismiss='modal'>Aceptar</button>");
				}else{
					//para cerrar sesion
					$("#loading .modal-footer").html("<button type='button' class='btn btn-secondary' data-dismiss='modal'>Cerrar</button>"+
					"<button type='button' class='btn btn-secondary'>Aceptar</button>");
				}
				  
				$("#loading .modal-footer button").last().click(function() {
				  //location.href = '../enes/sesion/login';
				  //en el server
				  location.href = '../sesion/login';
				});		
			break;
			case "informacion":			
				//titulo para modal
				$("#loadingLabel").html(titulo);
				
				//$(#.modal-footer
				//asigna el mensaje al cuerpo del div
				$("#loadingContent" ).html("<p>"+mensaje+"</p>");
				
				$("#loading .modal-footer").html("<button type='button' class='btn btn-secondary' data-dismiss='modal'>Aceptar</button>");
				
			break;
			case "cambioPass":			
				//titulo para modal
				$("#loadingLabel").html(titulo);
				
				//$(#.modal-footer
				//asigna el mensaje al cuerpo del div
				$("#loadingContent" ).html('<p>Es su primer ingreso al sistema, por favor actualice su password.</p><p><label id="lblcambiopass" for="cambiopass">Nueva contraseña:</label>'+
									'&nbsp;&nbsp;&nbsp;<input type="password" name="cambiopass" id="cambiopass" maxlength="50" class="text ui-widget-content ui-corner-all"></p>');
				
				$("#loading .modal-footer").html("<button type='button' class='btn btn-primary' data-dismiss='modal'>Aceptar</button>");
				
			break;
		}
			
			//muestra el mensaje
			$( "#loading" ).modal( "show" );	

}

});